#{extends 'main.html' /} #{set title:'Home' /} #{set 'moreStyles'}
<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">

#{/set}


<div id=main>
<h1>Notifications</h1>
#{list items:get, as:'Topic'} #{if Topic.type == "Topic" }
<li><img src="@{'/public/images/Untitled-1.png'}" alt="topic" /> 
	<a href="javascript: jQuery.facebox({ajax:'@{Topics.showTopic(Topic.typeId)}'});">${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')}</a>
	<a href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a>
</li>
#{/if} #{elseif Topic.type == "Idea" }
<li><img src="@{'/public/images/i.png'}" alt="topic" /> 
	<a href="javascript: jQuery.facebox({ajax:'@{PostingIdea.showUserIdea(Topic.typeId)}'});">${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')}</a>
	<a href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/elseif} #{elseif Topic.type == "Organization"}
<li><img src="@{'/public/images/O.png'}" alt="topic" /> 
	<a href="javascript: jQuery.facebox({ajax:'@{Organizations.showOrganization(Topic.typeId)}'});">${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')}</a>
	<a href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/elseif} #{elseif Topic.type == "Relation"}
<li><img src="@{'/public/images/R.png'}" alt="topic" /> 
	<a href="javascript: jQuery.facebox({ajax:'@{Relations.showRelation()}'});">${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')}</a>
	<a href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/elseif} #{elseif Topic.type == "Comment"}
<li><img src="@{'/public/images/C.png'}" alt="topic" /> <a href="javascript: jQuery.facebox({ajax:'@{PostingIdea.showUserIdea(Topic.typeId)}'});">${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')}</a> <a
	href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/elseif} #{elseif Topic.type == "relationRequest"}
<li><img src="@{'/public/images/RR.png'}" alt="topic" />
	${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')} <a
	href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/elseif} #{elseif Topic.type == "relationRespond"}
<li><img src="@{'/public/images/RR.png'}" alt="topic" />
	${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')} <a
	href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/elseif}
#{elseif Topic.type =="Entity"}
<li><img src="@{'/public/images/RR.png'}" alt="topic" />
	<a href="javascript: jQuery.facebox({ajax:'@{Entity.showEntity(Topic.typeId)}'});">${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')}</a> <a
	href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/elseif}
 #{else}
<li><img src="@{'/public/images/Untitled-1.png'}" alt="topic" /> <a
	href="@{Application.index()}">${Topic.content}${Topic.time.format(' dd-MM-yyyy hh:mm:ss ')}</a> <a
	href="@{Notifications.deleteOneNotification(Topic.id)}"
	class="pill button">Delete</a></li>
#{/else} #{/list}
<p>
	<a href="@{Notifications.deleteAllnotification()}" class="pill button">Delete
		history</a>
</p>

<a href="@{Application.index()}" class="pill button">Back to Home</a>
</div>